.grid{
}
.grid-mask{
	width:100%;
	height:100%;
	background:url('../../frontlib/img/static/loading.gif');
	background-position:50% 50%; 
	background-size:14px 14px;
	background-repeat:no-repeat;
	behavior: url(../frontlib/css/backgroundsize.min.htc);

	&.hide{
		display:none;
	}
}
.grid-list{
	margin-top: 30px;
    display: block;
    width: 100%;
    font-size: 16px;
    min-height: 480px;

    thead,tbody,tr,td,th{
    	width:100%;
    	display:inline-block;
    }

    .grid-list-header{
		background: #f3f3f3;
	    line-height: 52px;
	    height: 52px;
	}

	td{
		line-height: 72px;
		text-align: center;
	}

	&.list{
		li{
			float:left;
		}
	}
}
.grid-pager{
	margin:10px auto;
	margin-bottom: -30px;
    margin-top: 40px;
	height: 28px;
	font-size:14px;
	cursor: pointer;
	text-align: center;

	.pager-container{
		display: inline-block;
	}

	.pager-item,.pager-nums,.pager-jump,.pager-all,.pager-nums li{
		line-height: 28px;
		height:28px;
		float: left;
		margin:0 5px;
	}

	.pager-item,.pager-nums,.pager-nums li,.pager-jump,.pager-all{
		color:#BBBFC8;
	}
	.pager-jump,.pager-all{
		margin-left:10px;
	}

	a{
		padding:2px 5px;
	}
	.pager-nums li.cur a{
		color:#fa7959;
		background:#f3f3f3;
		
	}

	.pager-item:hover,.pager-nums li:hover{
		color:#fa7959;
	}

	.pager-jump input{
		height:20px;
		line-height: 20px;
	}

	.pager-jump .text{
		width:30px;
		margin:0 5px;
		text-align: center;
	}

	.pager-jump .btn{
		width:40px;
		color:#fff;
		background:#fa7959;
		border:0;
		cursor:pointer;
	}
}


		